<script lang="ts" setup>
import { h, reactive } from 'vue'
import XyIcon from '@/components/XyIcon'
const formList = reactive<FormList>([
  {
    label: '标签输入框插槽',
    prop: 'inputTag3',
    type: 'inputTag',
    max: 3,
    tag: ({ value }) => {
      return h('div', { style: { color: 'red' } }, value)
    },
    header: () => h(XyIcon, { icon: 'ep:edit' }),
    footer: '123'
  }
])
const submitForm = (formData: any) => {
  console.log(formData)
}
</script>
<template>
  <XyAddForm isCard :formList="formList" @submit-form="submitForm" />
</template>
